<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head id="head">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>VivahKarle</title>
</h:head>
<h:body id="body">
	<h:form>
		<h:messages errorClass="error"/>
		<f:view>
			<h:graphicImage id="image" value="resources/images/vivahKarleLogo.jpg"> </h:graphicImage>
			<h:commandButton value="Member Login" onclick="loginDialog.show();return false;" style="margin-left:60%;"/>
			<div style="height:8px;background: #fff url(resources/images/line.jpg) repeat scroll center;">
			<hr style="display:none;" />
			</div>
			<br/>
			<p:panel>
				<h:panelGrid columns="8">
					<h:outputText value="Looking for " />
					<h:selectOneRadio id="lookingfor" value="1">
						<f:selectItem itemLabel="Bride" itemValue="1"/>  
	            		<f:selectItem itemLabel="Broom" itemValue="2" /> 
					</h:selectOneRadio>
					<h:outputLabel></h:outputLabel>
					<h:outputLabel></h:outputLabel>
					<h:outputText value="Age " />
					<h:panelGrid columns="3">
						<h:selectOneMenu id="fromage">
				            <f:selectItem itemLabel="21" itemValue="1" />  
				            <f:selectItem itemLabel="22" itemValue="2" />  
				            <f:selectItem itemLabel="23" itemValue="3" /> 
						</h:selectOneMenu>
						<h:outputText value="to " />
						<h:selectOneMenu id="toage">
				            <f:selectItem itemLabel="28" itemValue="1" />  
				            <f:selectItem itemLabel="29" itemValue="2" />  
				            <f:selectItem itemLabel="30" itemValue="3" /> 
						</h:selectOneMenu>
					</h:panelGrid>
					<h:outputLabel></h:outputLabel>
					<h:outputLabel></h:outputLabel>
					<h:outputText value="Religion " />
					<h:selectOneMenu id="religion">
			            <f:selectItem itemLabel="Hindu" itemValue="1" />  
			            <f:selectItem itemLabel="Muslim" itemValue="2" />  
			            <f:selectItem itemLabel="Sikh" itemValue="3" /> 
					</h:selectOneMenu>
					<h:outputLabel></h:outputLabel>
					<h:outputText value="Mother Tongue "/>
					<h:selectOneMenu id="mothertongue">
			            <f:selectItem itemLabel="English" itemValue="1" />  
			            <f:selectItem itemLabel="Hindi" itemValue="2" />  
			            <f:selectItem itemLabel="Punjabi" itemValue="3" />
			            <f:selectItem itemLabel="Sikh" itemValue="4" /> 
					</h:selectOneMenu>
					<h:outputLabel></h:outputLabel>
					<h:outputText value="Caste " />
					<h:selectOneMenu id="caste">
			            <f:selectItem itemLabel="Agarwal" itemValue="1" />  
			            <f:selectItem itemLabel="Bengali" itemValue="2" />  
			            <f:selectItem itemLabel="Baniya" itemValue="3" />
			            <f:selectItem itemLabel="Jat" itemValue="4" /> 
					</h:selectOneMenu>
				</h:panelGrid>
				<h:commandButton value="Search" style="margin-left:70%"/>
			</p:panel>
			<h:panelGrid>
				 <p:wizard widgetVar="wiz">
				    <p:tab id="account" title="Account">  
			            <p:panel header="Account Details">  
		    	             <h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
			    	             <h:outputText value="Email: *" />  
			                    <p:inputText required="true" label="Email"/>  
			                      
			                    <h:outputText value="Password: *" />  
			                    <p:password required="true" label="Password"/>  
			                      
			                    <h:outputText value="Mobile Number:  " />  
			                    <p:inputText/>  
			                      
		    	             </h:panelGrid>  
						</p:panel>
					</p:tab>
					<p:tab id="personal" title="Personal">  
			            <p:panel header="Personal Details">  
						</p:panel>
					</p:tab>
					<p:tab id="social" title="Social">  
			            <p:panel header="Social Details">  
						</p:panel>
					</p:tab>
					<p:tab id="aboutyourself" title="About Yourself">  
			            <p:panel header="About Yourself">  
						</p:panel>
					</p:tab>
					<p:tab id="background" title="Background">  
			            <p:panel header="Background Details">  
						</p:panel>
					</p:tab>
					<p:tab id="family" title="Family">  
			            <p:panel header="Family Details">  
						</p:panel>
					</p:tab>
					<p:tab id="professional" title="Professional">  
			            <p:panel header="Professional Details">  
						</p:panel>
					</p:tab>
					<p:tab id="additional" title="Additional">  
			            <p:panel header="Additional Details">  
						</p:panel>
					</p:tab>
					<p:tab id="partner" title="Partner">  
			            <p:panel header="Partner Details">  
						</p:panel>
					</p:tab>
					<p:tab id="upload" title="Upload">  
			            <p:panel header="Upload Photos">  
						</p:panel>
					</p:tab>
				</p:wizard>
			</h:panelGrid>
		
		<p:dialog id="loginDialog" header="Member Login" widgetVar="loginDialog"  modal="true"  width="400" height="200">  
		<p:commandButton style="display:none"/>
			<h:panelGrid columns="3">
			<h:outputText value="Email: *" />  
            <p:inputText required="true" label="Email"/>  
            <h:outputLabel/>
            <h:outputText value="Password: *" />  
            <p:password required="true" label="Password"/>
            <h:outputLabel/>
            <h:outputLabel/>
            <h:commandButton value="Login" onclick="#{loginController.loginUser()}"/>
            </h:panelGrid>
		</p:dialog>
		</f:view>
	</h:form>
</h:body>
</html>